﻿﻿   <!-- BEGIN HEADER -->
<div id="header" class="navbar navbar-fixed-top navbar-fixed-top">
    <!-- BEGIN TOP NAVIGATION BAR -->
    <div class="navbar-inner">
        <div class="container-fluid">
            <!--BEGIN SIDEBAR TOGGLE-->
            
            <!--END SIDEBAR TOGGLE-->
            <!-- BEGIN LOGO -->
            <a class="brand" href="~/">
                <!-- <img src="~/Content/themes/metro/img/logo.png" alt="SMTP Monitor" />-->
            </a>
            <!-- END LOGO -->
            <!-- BEGIN RESPONSIVE MENU TOGGLER -->
            <a class="btn btn-navbar collapsed" id="main_menu_trigger" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="arrow"></span>
            </a>
            <!-- END RESPONSIVE MENU TOGGLER -->
            <!-- END  NOTIFICATION -->
            <div class="top-nav ">
                <ul class="nav pull-right top-menu">
                    <!-- BEGIN SUPPORT -->
                    <li class="dropdown mtop5">
                        <a class="dropdown-toggle element" data-placement="bottom" data-toggle="tooltip" href="#" data-original-title="Ayuda">
                            <i class="icon-headphones"></i>
                        </a>
                    </li>
                    <!-- END SUPPORT -->
                    <!-- BEGIN USER LOGIN DROPDOWN -->
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="~/Content/themes/metro/img/avatar1_small.jpg" alt="">
                            <span class="username">@User.Identity.Name</span>
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu extended logout">
                            <li><a href="~/Home/Perfil"><i class="icon-user"></i> Mi Perfil</a></li>
                            <li><a href="#" onclick="close_window();"><i class="icon-key"></i> Salir</a></li>
                        </ul>
                    </li>
                    <!-- END USER LOGIN DROPDOWN -->
                </ul>
                <!-- END TOP NAVIGATION MENU -->
            </div>
        </div>
    </div>
    <!-- END TOP NAVIGATION BAR -->
</div>
<!-- END HEADER -->


<!-- BEGIN SIDEBAR -->
<div class="sidebar-scroll">
    <div id="sidebar" class="nav-collapse collapse">

        <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
        <div class="navbar-inverse">
            <form class="navbar-search visible-phone">
                <input type="text" class="search-query" placeholder="Search" />
            </form>
        </div>
        <!-- END RESPONSIVE QUICK SEARCH FORM -->

        <!-- BEGIN SIDEBAR MENU -->
        <ul class="sidebar-menu">
            <li class="sub-menu active">
                <a class="" href="/">
                    <i class="icon-dashboard"></i>
                    <span>Dashboard</span>
                </a>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-group"></i>
                    <span>Clientes</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li><a class="" href="~/Cliente/Index">Administrar Clientes</a></li>
                    <li><a class="" href="#">Opcion 2</a></li>
                    <li><a class="" href="#">Opcion 3</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-user-md"></i>
                    <span>Proveedores</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li><a class="" href="~/Proveedor/Index">Administrar Proveedores</a></li>
                    <li><a class="" href="~/Marca/Index">Administrar Marcas</a></li>
                    <li><a class="" href="#">Listas de Precio</a></li>
                    <li><a class="" href="#">Bonificaciones</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-archive"></i>
                    <span>Productos</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li><a class="" href="Producto/Index">Administrar Productos</a></li>
                    <li><a class="" href="#">opcion 2</a></li>
                    <li><a class="" href="#">opcion 3</a></li>
                    <li><a class="" href="#">opcion 4</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-archive"></i>
                    <span>Compras</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li><a class="" href="#">opcion 1</a></li>
                    <li><a class="" href="#">opcion 2</a></li>
                    <li><a class="" href="#">opcion 3</a></li>
                    <li><a class="" href="#">opcion 4</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-archive"></i>
                    <span>Ventas</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li><a class="" href="#">opcion 1</a></li>
                    <li><a class="" href="#">opcion 2</a></li>
                    <li><a class="" href="#">opcion 3</a></li>
                    <li><a class="" href="#">opcion 4</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-archive"></i>
                    <span>Inventario</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li><a class="" href="#">opcion 1</a></li>
                    <li><a class="" href="#">opcion 2</a></li>
                    <li><a class="" href="#">opcion 3</a></li>
                    <li><a class="" href="#">opcion 4</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-envelope"></i>
                    <span>Correos</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li class="sub-menu">
                        <a class="" href="javascript:;">Opcion 1</a>
                        <ul>
                            <li><a class="" href="#">Opcion 1</a> </li>
                        </ul>
                    </li>
                    <li><a class="" href="#">Opcion 2</a></li>
                    <li><a class="" href="#">Opcion 3</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-bar-chart"></i>
                    <span>Reportes</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li><a class="" href="#">Reporte 1</a></li>
                    <li><a class="" href="#">Reporte 2</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" class="">
                    <i class="icon-cogs"></i>
                    <span>Configuracion</span>
                    <span class="arrow"></span>
                </a>
                <ul class="sub">
                    <li><a class="" href="#">Servidores</a></li>
                    <li><a class="" href="Categoria/Index">Categorias</a></li>
                    <li><a class="" href="#">Provincias</a></li>
                    <li><a class="" href="#">Ciudades</a></li>
                    <li><a class="" href="#">Condiciones de Iva</a></li>
                    <li><a class="" href="#">Actividades</a></li>
                </ul>
            </li>
            <li>
                <a class="" href="#">
                    <i class="icon-user"></i>
                    <span>Perfil</span>
                </a>
            </li>
        </ul>
        <!-- END SIDEBAR MENU -->
    </div>
</div>
<!-- END SIDEBAR -->